<template>
    <div class="register">
        <div class="header">
            <div class="logo">
                <img src="@/assets/register_images/register_logo.png"/>
                <span>注册</span>
            </div>
            <div class="login">
                <a href="">联系客服</a>
                <span>|</span>
                <router-link to="/login">
                    <span class="login-btn">立即登录></span>
                </router-link>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "RegisterHeader"
    }
</script>

<style lang="stylus" scoped>

    .register {
        padding-top: 100px;
    }

    .header {
        width: 600px;
        height: 100px;
        margin: 0 auto
    }

    .header .logo {
        float: left
    }

    .header .logo span {
        display: inline-block;
        border-left: 1px solid #ccc;
        margin-left: 10px;
        padding-left: 15px;
        margin-top: 11px;
        vertical-align: middle;
        font-size: 20px;
        line-height: 19px
    }

    .header .login {
        float: right;
        margin-top: 25px;
        font-size: 14px
    }

    .header .login span {
        padding: 0 10px;
        color: #999
    }

    .header .login .login-btn,
    .header .login .login-btn:visited,
    .header .login .login-btn:hover {
        color: #499fff
    }

</style>